/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
@font-face {font-family: 'HELVETICANEUELTPRO-THEX';src: url('fonts/HELVETICANEUELTPRO-THEX.OTF');font-weight: normal;font-style: normal;}
* {padding: 0;margin: 0;}
ul li {list-style: none;}
a {text-decoration: none;}
img {border: none;}
input {border: none;background: none;}
input, textarea {font-family: "微软雅黑", Arial;outline: 0;font-size: 14px;-webkit-appearance: none;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block}
html, body {font: 12px Arial, "微软雅黑";color: #929292;width: 100%;height: 100%;background: #fff}
.fw {margin: 0 auto;width: 1180px;}


.clearfix:after{content:"."; height:0; display:block; visibility:hidden; clear:both; font-size:0;}
.clearfix{zoom:1;}


#pageWrapper {}
#header {width: 100%;height: auto;position: fixed;font-size: 14px;transition: all ease .3s;z-index: 99;}
#header #logo {padding: 20px 40px 20px 40px;float: left;width:188px;transition: all 0.3s ease-out 0s;}

#header ul#nav {float: right;padding: 0 40px;transition: all 0.3s ease-out 0s;}
#header ul li {padding: 26px 3px;height: auto;float: left;position: relative;line-height: 16px;font-size: 14px;transition: all ease .3s}
#header ul li:hover ul.subnav {opacity: 1;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);visibility: visible;}
#header ul li a{color: #291b20;padding: 2px 0 4px;border-radius: 3px;display: block;font-family: "NeoSansStd-Regular", "微软雅黑";text-transform: uppercase;width: 130px;text-align: center;transition: all ease-out .3s;}
#header ul li a.active, #header ul li:hover a {color: #00C0FF}

#header ul li ul.subnav {position: absolute;width: 200px;border-top: #7B7B7B 3px solid;top: 58px;opacity: 0;transition: all 0.3s ease 0s;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);visibility: hidden;}
#header ul li ul.subnav li a {padding: 5px 0;width:100%;line-height: 20px;background: rgba(255, 255, 255, 1);display: block;transition: all 0.2s ease-out 0s;color: #291b20;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);border-radius: 0;}
#header ul li ul.subnav li {border-bottom: 1px solid #FFF; padding: 0; width: 100%}
#header ul li ul.subnav li a:hover {text-indent: 10px;background: #e73828;color: #fff;}
#header ul li ul.subnav li a:hover i {opacity: 1}
#header ul li a.active, #header ul li:hover a {color: #fff;background: #e73828;}
.fa-angle-down {color: transparent;font-size: 0;}
#header.mini {background: #c8c8c8;height:74px;}
#header.mini ul#nav {padding: 0 20px;}
#header.mini ul li {padding: 15px 1px;}
#header.mini #logo {padding: 10px 20px 10px 20px;}
#header.mini #logo img {transform: scale(0.8, 0.8);}



#indexPage #mslider {height: 700px;width: 100%;position: relative;overflow: hidden}
#indexPage #mslider .bx-wrapper {position: fixed;width: 100%;}
#indexPage #mslider ul li {width: 100%;height: 700px;display: block;background-position: center;background-repeat: no-repeat;background-size: cover}
#indexPage #mslider ul li div {display: table-cell;text-align: center;vertical-align: middle;width: auto;}
#indexPage #mslider ul li p {color: #fff;text-align: center;}
#indexPage #mslider ul li p.title {font-size: 52px;line-height: 70px;height: 70px;transition-delay: 0}
#indexPage #mslider ul li p.subtitle {font-size: 16px;height: 20px;transition-delay: 0.2s}
#indexPage #mslider ul li a {width: 100%;height: 100%;display: table;}
#indexPage #mslider ul li a i {text-indent: 20px;font-size: 24px}
#indexPage #mslider ul li p, #indexPage #mslider ul li a {transform: translateY(25px);-webkit-transform: translateY(25px);-moz-transform: translateY(25px);transition: all ease-out .3s;-webkit-transition: all ease-out .3s;opacity: 0}
#indexPage #mslider ul li.active p, #indexPage #mslider ul li.active a {transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1}
#indexPage #mproject .bgmask, #indexPage #mnews .bgmask, #indexPage #mservice .bgmask, #indexPage #mpage .bgmask {background-color: rgba(255, 255, 255, 0);}
#indexPage .module {background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;z-index: 2}
#indexPage .module:last-child {border: none}
#indexPage .module .bgmask {background-color: rgba(0,0,0,.7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none}
#indexPage .module.bgShow {background-attachment: fixed}
#indexPage .module.bgShow .bgmask {display: block}
#indexPage .module.bgShow .content {position: relative;}
.bx-controls-direction .bx-next:hover, .bx-controls-direction .bx-prev:hover {}
@-webkit-keyframes bxbutton {
10% {
-webkit-transform: translateZ(6px) rotate(4deg) skewX(7deg);}
20% {
-webkit-transform: translateZ(-6px) rotate(-4deg) skewX(-7deg);}
30% {
-webkit-transform: translateZ(5px) rotate(4deg) skewX(6deg);}
40% {
-webkit-transform: translateZ(-5px) rotate(-4deg) skewX(-6deg);}
50% {
-webkit-transform: translateZ(4px) rotate(4deg) skewX(5deg);}
60% {
-webkit-transform: translateZ(-4px) rotate(-4deg) skewX(-5deg);}
70% {
-webkit-transform: translateZ(3px) rotate(5deg) skewX(4deg);}
80% {
-webkit-transform: translateZ(-3px) rotate(-5deg) skewX(-4deg);}
90% {
-webkit-transform: translateZ(2px) rotate(4deg skewX(3deg));}
100% {
-webkit-transform: translateZ(-2px) rotate(-4deg) skewX(-3deg);}}
@keyframes bxbutton {
10% {
transform: translateZ(6px) rotate(4deg) skewX(7deg);}
20% {
transform: translateZ(-6px) rotate(-4deg) skewX(-7deg);}
30% {
transform: translateZ(5px) rotate(4deg) skewX(6deg);}
40% {
transform: translateZ(-5px) rotate(-4deg) skewX(-6deg);}
50% {
transform: translateZ(4px) rotate(4deg) skewX(5deg);}
60% {
transform: translateZ(-4px) rotate(-4deg) skewX(-5deg);}
70% {
transform: translateZ(3px) rotate(5deg) skewX(4deg);}
80% {
transform: translateZ(-3px) rotate(-5deg) skewX(-4deg);}
90% {
transform: translateZ(2px) rotate(4deg skewX(3deg));}
100% {
transform: translateZ(-2px) rotate(-4deg) skewX(-3deg);}}
.content .header {padding-top: 61px;padding-bottom: 114px;}
.content .header p {text-align: center;}
.content .header p.title {color: #444;font-size: 26px;font-family: "NeoSansStd-Medium";letter-spacing: 10px;margin-left: 10px;}
.content .header p.subtitle {line-height: 30px;color: #787878;font-size: 12px;font-family: "NeoSansStd-Light";letter-spacing: 2px;}

#indexPage .slider_control {display: block;font-size: 36px;}
#indexPage .slider_control i {color: #a1a1a1}
#indexPage .slider_control.fr {text-align: right}

#indexPage #mservice .fw {width: auto;}
#indexPage #mservice .slider_wrapper {width: 100%;height: auto;overflow: hidden}
#indexPage #mservice .slider_control { display: none;color: #898989}
#indexPage #mservice .slider_control:hover {color: #141414;}
#indexPage #mservice .slider_wrapper .slider {width: 100%;}
#indexPage #mservice .content {padding-bottom: 100px;height: 340px}
#indexPage #mservice .content .header p.title {color: transparent;font-size: 0;}
#indexPage #mservice .content .header p.subtitle {color: transparent;font-size: 0;line-height: 0;}
#indexPage #mservice .content .header {padding-top: 0;padding-bottom: 0;}
#indexPage #mservice {background-color: #291b20;height: 340px}


#mproject .content .header {padding-top: 61px;padding-bottom: 112px;}


.serviceitem {margin-right: 50px;width: 320px;height: 230px;float: left}
.serviceitem a {display: block;width: 320px;height: 120px}
.serviceitem div {text-align: center;margin-top: 15px}
.serviceitem div p.title {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #595959;font-size: 16px;height: 40px;line-height: 40px;transition: all ease-out .2s}
.serviceitem div p.description {color: #848484;font-size: 13px;line-height: 24px;height: 50px;overflow: hidden;width: 100%}
.serviceitem:hover .title {color: #00c0ff}

#indexPage #mproject {background-color: #f3f3f3;}
#projectlist .projectitem {width: 23%;float: left;position: relative;background:#000;margin:0 1% 20px; overflow: hidden;height:328px;}
#projectlist .projectitem a {display: block;overflow: hidden}
#projectlist .projectitem a img {width: 100%;height: auto;transition: all ease-out .3s}
#projectlist .projectitem a span{display:none}
@media only screen and (max-width: 640px){#projectlist .projectitem a span{display:block}}
#projectlist .projectitem a:hover img {transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}
#projectlist .projectitem .project_info {width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;transition: all ease-out .3s;}
#projectlist .projectitem a:hover .project_info {background: rgba(0,0,0,.7)}
#projectlist .projectitem .project_info p {text-align: center;color: #fff;padding: 0 20px}
#projectlist .projectitem .project_info div {position: absolute;height: 100px;width: 100%;bottom: -100px;margin-top: 0;top: auto;}
#projectlist .projectitem .project_info p.title {margin-top: 10px;color: rgba(0,0,0,0);padding: 0 0 0 20px;text-align: left;font-size: 18px;font-family: "NeoSansStd-Regular", "微软雅黑";overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;z-index: 1;position: relative;}

#projectlist .projectitem a:hover .project_info p.title {margin-top: 0px;color: #fff;}
#projectlist .projectitem .project_info p.subtitle {margin-top: 16px;color: rgba(0,0,0,0);font-size: 12px;transition: all ease-out .3s;text-align: left;font-family: "NeoSansStd-Light", "微软雅黑";z-index: 1;position: relative;}
#projectlist .projectitem a:hover .project_info p.subtitle {margin-top: 0px;color: #b7b7b7;font-size: 12px}


#projectlist .projectitem a:hover .project_info p.title {color: #FFF;margin-top: -70px;}
.npagePage #projectlist .wrapper {width: 80%;margin: 0px auto;}
#projectlist .projectitem a:hover .project_info p.subtitle {margin-top: 4px;color: #fff;}
#projectlist .projectitem .project_info div.line1 {width: 100%;height: 0px;background: rgba(195,45,30,.8);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin: 0px 0px 100px;}
#projectlist .projectitem a:hover .project_info div.line1 {height: 90px;}

#projectlist .projectitem2 {width: 23%;float: left;position: relative;background:#000;margin:0 1% 20px; overflow: hidden;height:262px;}
#projectlist .projectitem2 a {display: block;overflow: hidden}
#projectlist .projectitem2 a img {width: 100%;height: auto;transition: all ease-out .3s}
#projectlist .projectitem2 a span{display:none}
@media only screen and (max-width: 640px){#projectlist .projectitem2 a span{display:block}}
#projectlist .projectitem2 a:hover img {transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}
#projectlist .projectitem2 .project_info {width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;transition: all ease-out .3s;}
#projectlist .projectitem2 a:hover .project_info {background: rgba(0,0,0,.7)}
#projectlist .projectitem2 .project_info p {text-align: center;color: #fff;padding: 0 20px}
#projectlist .projectitem2 .project_info div {position: absolute;height: 100px;width: 100%;bottom: -100px;margin-top: 0;top: auto;}
#projectlist .projectitem2 .project_info p.title {margin-top: 10px;color: rgba(0,0,0,0);padding: 0 0 0 20px;text-align: left;font-size: 18px;font-family: "NeoSansStd-Regular", "微软雅黑";overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;z-index: 1;position: relative;}

#projectlist .projectitem2 a:hover .project_info p.title {margin-top: 0px;color: #fff;}
#projectlist .projectitem2 .project_info p.subtitle {margin-top: 16px;color: rgba(0,0,0,0);font-size: 12px;transition: all ease-out .3s;text-align: left;font-family: "NeoSansStd-Light", "微软雅黑";z-index: 1;position: relative;}
#projectlist .projectitem2 a:hover .project_info p.subtitle {margin-top: 0px;color: #b7b7b7;font-size: 12px}


#projectlist .projectitem2 a:hover .project_info p.title {color: #FFF;margin-top: -70px;}
.npagePage #projectlist .wrapper {width: 80%;margin: 0px auto;}
#projectlist .projectitem2 a:hover .project_info p.subtitle {margin-top: 4px;color: #fff;}
#projectlist .projectitem2 .project_info div.line1 {width: 100%;height: 0px;background: rgba(195,45,30,.8);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin: 0px 0px 100px;}
#projectlist .projectitem2 a:hover .project_info div.line1 {height: 90px;}


#projectlist .projectitem1 {width: 31.3%;float: left;position: relative;background:#000;margin:0 1% 20px; overflow: hidden;height:357px;}
#projectlist .projectitem1 a {display: block;overflow: hidden}
#projectlist .projectitem1 a img {width: 100%;height: auto;transition: all ease-out .3s}
#projectlist .projectitem1 a:hover img {transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}
#projectlist .projectitem1 .project_info {width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;transition: all ease-out .3s;}
#projectlist .projectitem1 a:hover .project_info {background: rgba(0,0,0,.7)}
#projectlist .projectitem1 .project_info p {text-align: center;color: #fff;padding: 0 20px}
#projectlist .projectitem1 .project_info div {position: absolute;height: 100px;width: 100%;bottom: -100px;margin-top: 0;top: auto;}
#projectlist .projectitem1 .project_info p.title {margin-top: 10px;color: rgba(0,0,0,0);padding: 0 0 0 20px;text-align: left;font-size: 18px;font-family: "NeoSansStd-Regular", "微软雅黑";overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;z-index: 1;position: relative;}

#projectlist .projectitem1 a:hover .project_info p.title {margin-top: 0px;color: #fff;}
#projectlist .projectitem1 .project_info p.subtitle {margin-top: 16px;color: rgba(0,0,0,0);font-size: 12px;transition: all ease-out .3s;text-align: left;font-family: "NeoSansStd-Light", "微软雅黑";z-index: 1;position: relative;}
#projectlist .projectitem1 a:hover .project_info p.subtitle {margin-top: 0px;color: #b7b7b7;font-size: 12px}


#projectlist .projectitem1 a:hover .project_info p.title {color: #FFF;margin-top: -70px;}
.npagePage #projectlist .wrapper {width: 80%;margin: 0px auto;}
#projectlist .projectitem1 a:hover .project_info p.subtitle {margin-top: 4px;color: #fff;}
#projectlist .projectitem1 .project_info div.line1 {width: 100%;height: 0px;background: rgba(195,45,30,.8);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin: 0px 0px 100px;}
#projectlist .projectitem1 a:hover .project_info div.line1 {height: 90px;}
#projectlist, #projectmore {margin: 0 auto;}
#projectmore {width: 180px;text-align: center;font-size: 12px;display: block;background: #E73828;text-indent: 0px;position: absolute;top: 143px;height: 24px;border-radius: 5px;line-height: 24px;left: 50%;margin-left: -94px;color: #fff;font-family: "NeoSansStd-Regular";z-index: 1}
#projectmore:hover {width: 220px;font-size: 12px;line-height: 24px;text-indent: 0px;background: #333;margin-left: -116px;}




.module-slider .description {width: 720px;text-align: center;height: 50px;margin: 0 auto;font-size: 13px;color: #848484;line-height: 24px;overflow: hidden}
#indexPage a.more {width: 180px;border-color: #E73828;text-align: center;font-size: 12px;background: #E73828;position: absolute;top: 92px;height: 24px;border-radius: 5px;line-height: 24px;left: 50%;margin-left: -94px;color: #FFF;font-family: "NeoSansStd-Regular";text-indent: 0px; margin-top: 50px;}

#indexPage a.more:hover {border-color: #b6b6b6;text-indent: 130px;}
#indexPage a.more i {text-indent: -10px;font-size: 24px;color: transparent;transition: all ease-out .3s}
#indexPage a.more:hover i {text-indent: 18px;color: #707070;}
#indexPage #mpage {background-color: #ffffff;}
#indexPage #mpage .slider_wrapper {width: 100%;height: 100%;overflow: hidden;margin: 0 auto}
#indexPage #mpage .slider_wrapper li {width: 100%;height: auto;}
#indexPage #mpage .slider_wrapper li .fimg {background-repeat: no-repeat;background-position: top center;width: 100%;}
#indexPage #mteam {background-color: #303030;height: 540px}
#indexPage #mteam .header img {float: none;display: block;margin: 10px auto 24px auto;border-radius: 90px;-webkit-backface-visibility: hidden;}
#indexPage #mteam .header p.title {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color: #fff;font-size: 24px}
#indexPage #mteam .header p.subtitle {color: #a5a5a5;font-size: 12px}
#indexPage #mteam .description {color: #bebebe}
#indexPage #mteam .slider_control {height: 300px;width: 60px;margin-top: 200px}
#indexPage #mteam .slider_wrapper {width: 1060px;height: 480px;overflow: hidden}
#indexPage #mteam .slider_control a i {color: #a1a1a1;transition: all ease-out .3s;}
#indexPage #mteam .slider_control a:hover i {color: #fff}
#indexPage #mnews {background-color: #f8f8f8;height: auto;padding-bottom: 360px;}


#newslist .newstitem {width: 100%;border-bottom: rgba(0,0,0,0.05) 1px solid;transition: all ease-out .2s;position: relative;background-color: #eeefef;}
#newslist .newscontent {width: 960px;padding: 40px 0 20px;margin: 0 auto;}
#newslist .newsinfo {margin-left: 160px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#newslist .newsdate {width: 180px}
#newslist .newsdate p {font-family: "HELVETICANEUELTPRO-THEX", Arial;}
#newslist .newsinfo .md {color: #B1B1B1;font-size: 60px;line-height: 50px;text-align: right}
#newslist .newsinfo .year {color: #bdbdbd;font-size: 16px;text-align: right;}
#newslist .newsbody {margin-left: 50px}
#newslist .newsbody .title {width: 460px;height: 20px;line-height: 20px;font-size: 16px;color: #464646;}
#newslist .newsbody .description {height: 42px;line-height: 22px;color: #6a6a6a;overflow: hidden;margin-top: 16px;width: 510px;font-size: 12px;}
#newslist .newstitem i {font-size: 36px;margin-top: 20px;color: rgba(0,0,0,0);transition: all ease-out .3s;text-indent: -30px;}
#newslist .newstitem:hover i {font-size: 36px;margin-top: 20px;color: #fff;text-indent: 0px;}
#newslist .newstitem:hover .newsinfo {transform: translate3d(-50px, 0, 0);-webkit-transform: translate3d(-50px, 0, 0);-moz-transform: translate3d(-50px, 0, 0);}
#newslist .newstitem:hover p {color: #fff}
#newslist .newstitem:hover a {color: #fff}
#newslist .newstitem:hover {background: #291b20;}

#mnews .content .header {padding-bottom: 120px;}



#indexPage #mnews .news_wrapper {height: 100%;margin: 0 auto;overflow: hidden;width: 100%;}
#indexPage #mpartner {background-color: #fff;height: 200px}
#indexPage #mpartner .content {padding: 60px 0}
#indexPage #mpartner .slider_wrapper {width: 960px;height: 80px;overflow: hidden;margin: 0 auto}
#indexPage #mpartner .slider_control {height: 40px;width: 40px;margin-top: 14px}
#indexPage #mpartner .slider_control a {height: 40px;width: 40px;display: block;background: rgba(0, 0, 0, 0.2);border-radius: 20px;transition: all ease-out .3s;}
#indexPage #mpartner .slider_control a i {color: #ffffff;margin-left: 16px;margin-top: 7px;font-size: 24px}
#indexPage #mpartner .slider_control.next {text-align: left}
#indexPage #mpartner .slider_control.next a i {margin-left: 18px}
#indexPage #mpartner .slider_control a:hover {background-color: #00C0FF}
#indexPage #mpartner .slider_wrapper ul li {width: 160px;height: 80px;float: left}
#indexPage #mpartner .slider_wrapper ul li img {width: 160px;height: 80px;transition: all .3s ease-out 0s;}
#indexPage #mcontact {background-color: #291a21;}
#indexPage #mcontact .header p.title {color: #fff;}
#indexPage #mcontact .header p.subtitle {color: #c1c1c1;}
#contactinfo {width: 540px;}
#contactinfo h3 {font-size: 16px;color: #fff;line-height: 24px;margin-bottom: 25px;font-weight: 100}
#contactinfo p {line-height: 24px;font-size: 13px;color: #989898;height: 24px;width: 100%}
#contactinfo > a {color: #989898;text-decoration: underline}
#contactinfo div {margin-top: 24px}
#contactinfo div a {color: #efefef;width: 30px;height: 30px;display:inline-block;font-size: 16px;background: #2e2f2f;margin-right: 10px;text-align: center;border-radius: 15px;transition: all 0.2s ease-out 0s;background: #484848;}
#contactinfo div a:hover {color: #fff;background: #5c5c5c;}
#contactinfo div a i {margin-top: 7px;font-size: 16px}
#contactform p .inputtxt {width: 320px;height: 20px;line-height: 20px;padding: 10px 20px;color: #bcbcbc;background-color: #000;border: #3f3f3f 1px solid;margin-bottom: 10px;}
#contactform p textarea.inputtxt {height: 100px;resize: none;overflow: hidden}
#contactform p .inputsub {width: 100%;background-color: #00C0FF;color: #ffffff;font-size: 16px;padding: 8px 0}
#contactform .inputtxt.active {border-color: #00C0FF}

#pages {padding: 40px 0;height: 36px;text-align: center}
#pages a {width: 50px;height: 36px;background:#f8f8f8;display: inline-block;color: #a9a9a9;line-height: 36px;text-align: center;font-family: Arial;margin-right: 5px;transition: background-color 0.2s ease-out}
#pages a.active, #pages a:hover {background: #ea2f2f;color: #fff;}


.nobanner .npagePage {padding-top: 80px}
.npagePage #banner {width: 100%;height: 380px;position: relative;}
.npagePage #banner div {background-color: #39383E;background-repeat: no-repeat;background-position: center;background-size: cover;position: fixed;width: 100%;height: 380px;}
.npagePage .content {background: #fff;position: relative;z-index: 1}
#plheader {padding-bottom: 30px}

#category {text-align: center;padding-bottom: 50px}
#category li {display: inline-block;line-height:26px;border-radius: 4px;margin:3px 5px;padding: 0 10px;transition: all 0.3s ease-out 0s;border: 1px solid #EDEDED;}
#category a {display:block;color: #999;}
#category li.active,#category li:hover{background: #e73828;border: 1px solid #e73828;}
#category li.active a,#category li:hover a{color: #fff;}

#teamlist {margin: 0 auto;width: 1100px;}
#teamlist .wrap {margin-right: -70px}
.teamitem {float: left;width: 320px;height: 460px;margin-right: 70px;margin-bottom: 50px}
.teamitem a {width: 320px;height: 320px;display: block;position: relative;overflow: hidden}
.teamitem a div.wrap {height: 50px;width: 100%;background: #da0000;position: absolute;bottom: -50px;color: #fff;transition: all ease-out .2s;transform: translate(0, 0px)}
.teamitem a:hover div.wrap {margin-bottom: 50px;}
.teamitem a div.wrap div {width: 14px;height: 14px;margin: 18px auto;position: relative}
.teamitem a div.wrap span {display: block;background: #fff;position: absolute;}
.teamitem a div.wrap span.h {width: 14px;height: 2px;top: 6px}
.teamitem a div.wrap span.v {width: 2px;height: 14px;left: 6px}
.teamitem .teaminfo {margin-top: 33px;text-align: center}
.teamitem .teaminfo .title {font-size: 18px;color: #000000;}
.teamitem .teaminfo .subtitle {font-size: 12px;color: #9a9a9a;margin-top: 5px}
.teamitem .teaminfo .description {font-size: 12px;color: #949494;margin-top: 15px;line-height: 20px;height: 38px;overflow: hidden}
#teampost {padding-top: 50px}
#teampost #teamimage {width: 408px;float: left;}
#teampost #teamimage img {float: none;width: 408px;}
#teampost #teambody {margin-left: 450px;}
#teambody .theader .title {color: #343434;font-size: 30px}
#teambody .theader .subtitle {color: #626262;font-size: 14px}
#teambody .theader .postbody {margin-top: 36px}
#servicelist {width: 1060px;margin: 0 auto}
#servicelist .wrap {margin-right: -50px}
#servicelist .serviceitem {margin-bottom: 50px}
#projectwrap {padding-top: 50px;min-height: 600px}
#projectbody {width: 800px;float: left;}
#projectimages {background: #fff;}
#projectimages li {margin-bottom: 10px}
#projectimages li img {display: block;float: none;margin: 0 auto;max-width: 100%}
#projectbody .postbody {padding-bottom: 20px;}
#projectinfo {width: 340px;margin-left: 40px;float: left}
#projecttags {margin-top: 40px}
#projecttags a {transition: all ease-out .3s;float: left;font-size: 13px;color: #989898;padding: 5px 10px;background: #f3f3f3;margin-right: 5px;margin-bottom: 5px}
#projecttags a:hover {color: #fff;background: #ADADAD;}
#projectib {margin-top: 20px}
#projectib .projectitem {width:48%;float: left;margin:0 1% 14px}
#projectib .projectitem img {width: 100%;height: auto;float: none}
#projectib .projectitem a .project_info {width: 100%;height: 30px}
#projectib .projectitem a .project_info p {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#projectib .projectitem a .project_info p.title {margin-top: 10px;color: #333;font-size: 12px;transition: all ease-out .3s;}
#projectib .projectitem a .project_info p.subtitle {margin-top: 0px;color: #b7b7b7;font-size: 12px;transition: all ease-out .3s;}
#projectinfo .header {padding: 0;border-bottom: #cccccc 1px dotted;width: 340px}
#projectinfo .header p {text-align: left}
#projectinfo .header .description {color: #6a6a6a;font-size: 13px;line-height: 24px;margin: 30px 0}
.postbody {line-height: 24px;font-size: 13px;color: #6a6a6a}
.postbody a {color: #00c0ff}
.postbody a:hover {text-decoration: underline}
.postbody img {float: none;max-width: 100%;}


#footer {background: #000;width: 100%;position: relative;z-index: 1}
#footer p {text-align: right;padding: 20px 60px;font-size: 12px;color: #8e8e8e;height: 20px;line-height: 20px}
#footer a {display: inline-block;height: 20px;vertical-align: top;color: #c5acac;}
#footer a img {float: none}
#shares {height: 140px;position: fixed;right: 10px;bottom: 10px;z-index: 99}
#shares a {width: 30px;height: 30px;display: block;background: #8b8b8b;background-color: rgba(31,31,31,.6);color: #fff;font-size: 16px;text-align: center;}
#shares a i {margin-top: 7px}
#shares a#sshare {cursor: default;}
#shares a#sweibo {background-color: #ea493c}
#shares a#sweixin {background-color: #24b727}
#shares a#gotop {background-color: #666666;background-color: rgba(0,0,0,.6);margin-top: 20px;font-size: 22px}
#shares a#gotop i {margin-top: 3px}
.fixed {position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0,0,0);background: rgba(0,0,0,.6);overflow-y: auto;z-index: 100;display: none}
{
height:auto;
cursor:default;}
#fixed_weixin .fixed-container {box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);width: 220px;height: auto;padding: 20px 20px 0 20px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -110px;margin-top: -140px}
#fixed_weixin .fixed-container div {height: 220px}
#fixed_weixin .fixed-container p {height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #000}
#fixed_mp .fixed-container {box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);width: 258px;height: 298px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -129px;margin-top: -149px}
#fixed_mp .fixed-container p {padding: 0 20px;text-align: center;font-size: 14px;color: #000}
.hide, .popup {display: none;}
.show {display: block;}
#projectinfo .description a {padding: 10px 40px;color: #fff;background: #00c0ff;transition: all ease .3s}
#projectinfo .description a:hover {background: #02b2ed}
#online_open {width: 30px;height: 30px;background: #00d420;cursor: pointer;position: fixed;right: -40px;bottom: 160px;z-index: 99999;font-size: 18px;color: #fff;text-align: center;line-height: 30px;}
#online_open i {margin-top: 6px}
#online_lx {width: 180px;height: auto;border-radius: 5px;background-color: #fff;-webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17);box-shadow: 0 5px 9px rgba(4,0,0,.17);position: fixed;right: 10px;bottom: 160px;z-index: 99999}
#olx_head {padding: 20px;line-height: 16px;height: 16px;background: #00d420;border-radius: 4px 4px 0 0;color: #fff;font-size: 14px}
#olx_head i {font-size: 18px;color: #fff;cursor: pointer}
#olx_qq li a {padding: 12px 28px;height: 18px;line-height: 18px;background: #f5f5f5;color: #353434;display: block;border-bottom: #fff 1px solid;transition: all ease-out .3s;font-size: 12px}
#olx_qq li a i {transition: all 0.3s ease-out 0s;color: #5e5e5e;font-size: 16px;vertical-align: middle;margin-right: 16px}
#olx_qq li a:hover {color: #fff;background: #565656}
#olx_qq li a:hover i {color: #00d420;}
#olx_tel {padding: 20px 28px}
#olx_tel div {color: #434343;line-height: 14px;height: 14px;margin-bottom: 10px}
#olx_tel div i {font-size: 18px;margin-right: 20px;vertical-align: middle}
#olx_tel p {line-height: 18px;font-family: HELVETICANEUELTPRO-THEX;font-size: 16px}
#mslider li video {position: absolute;}
#indexPage #mslider ul li div.mask {background-color: transparent;width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.netmask {display: block}
.netmask div {position: absolute;left: 50%;top: 50%;margin-left: -20px;margin-top: -20px}
.netmask.loading div i {display: block;background: url(../images/loading.gif);width: 40px;height: 40px}
.netmask div i:before {display: none;font-size: 40px;color: #fff;}
.netmask.success div i:before {display: block}
.sliderArrow {display: none;font-size: 0;}
#page404 {padding-top: 200px}
#page404 span {font-size: 150px;font-family: "HELVETICANEUELTPRO-THEX", Arial;color: #efefef;}
#page404 div {margin-left: 320px;padding-left: 26px;border-left: #e9e9e9 1px solid;height: 70px;}
#page404 div p.title {color: #787878;font-size: 36px;line-height: 36px}
#page404 div p.subtitle {color: #787878;font-size: 14px;margin-top: 10px}
#projectlist.masonry {margin: 0 auto;}
#headSHBtn {display: none;}
#shares a i.fa-mobile {color: transparent;background-image: url(../images/shouji.png);background-repeat: no-repeat;font-size: 23px;}
.postbody hr {height: 1px;border: none;border-top: 1px dotted rgb(211, 211, 211);margin-top: 20px;margin-bottom: 20px;}
.postbody p {word-wrap: break-word;word-break: normal; /* word-break:break-all*/}

@font-face {font-family: 'NeoSansStd-Regular';src: url('fonts/NeoSansStd-Regular.otf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NeoSansStd-Light';src: url('fonts/NeoSansStd-Light.otf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NeoSansStd-Medium';src: url('fonts/NeoSansStd-Medium.otf');font-weight: normal;font-style: normal;}